import Vue from 'vue'
import App from './App.vue'// 导入根组件
import router from './router'// 导入路由器管理对象
import store from './store'// 导入Vuex共享数据仓库对象
import Vant from 'vant'// 导入vant核心组件库
import 'vant/lib/index.css'// 导入移动端组件库样式
import './styles/index.less'// 导入全局样式
import 'amfe-flexible'// 导入适配模块（当被加载到移动对岸设备后，自动根据设备宽度设置基准值）
import dayjs from '@/utils/day.js'// 导入支持相对时间的dayjs
// 注册全局过滤器：处理相对时间
Vue.filter('relativeTime', value => {
  return dayjs().to(dayjs(value))
})

Vue.use(Vant)// 注册移动端组件库（可使用组件标签）

Vue.config.productionTip = false

new Vue({
  router, // 将 路由管理器对象 注入到Vue实例（当前项目）
  store, // 将 Vuex仓库对象 注入到Vue实例（当前项目）
  render: h => h(App)
}).$mount('#app')
